<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>关系图谱</title>
    <script src="jquery-1.10.2.min.js"></script>
    <script src="echarts.min.js"></script>
    <style type="text/css">
        html, body, #main { height: 100%; width: 100%; margin: 0; padding: 0 }
    </style>
</head>
<body>
<div id="main" style="">hello</div>
<!--<script type="text/javascript">-->
        <!--var myChart = echarts.init(document.getElementById('main'));-->
        <!--var app = {};-->
        <!--option = null;-->
        <!--myChart.showLoading();-->
        <!--// $.getJSON('investFindByName.json',function (invest){-->
         <!--$.getJSON('qidian.json',function (invest){-->
        <!--//$.getJSON('shareholder.json',function (invest){-->
        <!---->
            <!--myChart.hideLoading();-->
            <!--option = {-->
                <!--legend: {-->
                    <!--data: ['公司','个人','境外公司']-->
                <!--},           -->
                <!--series: [-->
                <!--{-->
                    <!--type: 'graph',-->
                    <!--layout: 'force',-->
                    <!--symbolSize: 80,-->
                    <!--roam: true,-->
                    <!--edgeSymbol: ['circle', 'arrow'],-->
                    <!--edgeSymbolSize: [4, 10],-->
                    <!--edgeLabel: {-->
                        <!--normal: {-->
                            <!--textStyle: {-->
                                <!--fontSize: 20-->
                            <!--}-->
                        <!--}-->
                    <!--},-->
                    <!--categories: invest.categories,-->
                    <!--force: {-->
                        <!--repulsion: 2500,-->
                        <!--edgeLength: [100, 600],-->
                        <!--gravity: 0.1-->

                    <!--},-->
					<!--focusNodeAdjacency:true,-->
					<!--roam:true,-->
                    <!--edgeLabel: {-->
                        <!--normal: {-->
                            <!--show: true,-->
                            <!--formatter: function (x) {-->
                                <!--return x.data.name;-->
                            <!--}-->
                        <!--}-->
                    <!--},-->
                    <!--draggable: true,-->
                    <!--// itemStyle: {-->
                    <!--//     normal: {-->
                    <!--//         color: '#4b565b'-->
                    <!--//     }-->
                    <!--// },-->
                    <!--// lineStyle: {-->
                    <!--//     normal: {-->
                    <!--//         width: 2,-->
                    <!--//         color: '#4b565b'-->

                    <!--//     }-->
                    <!--// },-->

                    <!--label: {-->
                        <!--normal: {-->
                            <!--show: true,-->
							<!---->
                            <!--textStyle: {-->
                               <!--color:'#333' -->
                            <!--}-->
                        <!--}-->
                    <!--},-->
                    <!--data: invest.nodes.map(function (node, idx){-->
                        <!--node.id = idx;-->
                        <!--return node;-->
                    <!--}),-->
                    <!--edges:invest.links-->
                                        <!---->
                <!--}-->
            <!--]-->

            <!--};-->
        <!---->
        <!--myChart.setOption(option);-->
        <!--});-->
    <!--</script>-->
</body>
</html>